/*
    学习目标：使用useState的三个注意事项
*/
import React, { useState } from 'react'
// 1.useState是一个函数，需要使用多个状态，连续调用useState即可
export default function App() {
    // 2. useState的初始值，可以是任意类型
    // 声明数组
    const [list, setList] = useState([{ id: 1 }, { id: 2 }, { id: 3 }])
    // 对象
    const [obj, setObj] = useState({ name: 'rose', age: 18 })
    // 3.语法规范问题
    // const [变量名， set大写驼峰变量名] = useState()
    // 快捷键useState
    return (
        <div>
            {list.map(item => (
                <h1 key={item.id}>{item.id}</h1>
            ))}
            name:{obj.name} 年龄：{obj.age}
            <button onClick={() => setObj({ name: 'rose', age: obj.age + 1 })}>增加</button>
        </div>
    )
}
